<html>
<head>
    <title>GBX Options</title>
    <script type="text/javascript" src="/js/options.js"></script>
    
    
    <style>
        body 
        {
        	font:menu;
        }
        
    .section {
  background: white;
  -webkit-border-radius: 4px;
  white-space: nowrap;
  border: 1px solid hsl(213, 65%, 92%);
  padding: 10px
  vertical-align: top;
  margin: 10px;
}

.indent 
{
	margin:20px;
}

.section > h2 {
  background-image: -webkit-gradient(linear, left top, left bottom,
      from(hsl(213, 87%, 67%)),
      to(hsl(213, 66%, 57%)));
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  padding: 4px 8px;
  color: white;
  font-size: 100%;
  margin: 0px;
}

.section  h3 
{
	font-size : 120%;
	font-weight : bold;
	margin-bottom : 0;
	padding-bottom : 0;
}

#warning 
{
	color:Red;
	font-weight:bold;
}
#onsave 
{
	display:none;
}
    </style>
</head>
<body>
<h1>GBX+ - Google Bookmarks Extension Plus for Chrome</h1>

<div class="firstrun">
Welcome to GBX+, the Google Bookmarks extension for Chrome.  Before using this extension, please set your preferences below.
</div>

<div class="section">

<h2>Preferences</h2>

<div class="indent">

<h3>Delimiter used to seperate folders</h3>
(e.g. the label <b>foo<span id="delimexample"></span>bar</b> will create folder <b>bar</b> inside the folder <b>foo</b>)<br />
<input id="txt_delimiter" maxlength="1" />

<h3>Order to sort bookmarks</h3>
(Bookmarks will be sorted by <b><span id="sortexample"></span></b>. Folders always come first)<br />
<select id="ddl_sort" >
<option value="A">Alphabetical order</option>
<option value="D">Date created</option>
<option value="U">Unsorted</option>
</select>

<h3>How often should bookmarks refresh?</h3>
(Every <span id="minutes"></span> minutes)<br />
<input type="range" min="5" max="300" step="5" id="txt_minutes" /> 

<h3>Default folder</h3>
(All bookmarks will be created under <span id="folderexample"></span>) <br />
<span id="warning"></span>
<select id="ddl_folder" >
<option>Bookmarks bar</option>
<option>Other bookmarks</option>
<option>Google Bookmarks</option>
</select>
<br /><br />
<input type="checkbox" id="show" />Show star in omnibox <br />

<br />
<button id="save">Save</button>
</div>
</div>

</body>
</html>
